<template>
  <!-- <div @click="aaa()">点击</div> -->
  <div class="box">
    <div class="Enterprise">
      <!-- <div style="height:calc(100vh - 50px);">
       <RelationGraph ref="seeksRelationGraph" :options="graphOptions" :on-node-click="onNodeClick" :on-line-click="onLineClick" />
    </div> -->
    </div>
    <div class="table">
      <div style="height: 10px; width: 100%; background-color: #f6f6f6"></div>
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="项目单位" name="1">
          <!-- 参与过项目的代理机构 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的代理机构
            </div>
            <div class="screen">
              <el-input v-model="input" placeholder="请输入项目单位" />
              <el-input v-model="input1" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value1"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(11)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage"
                v-model:page-size="pageSize"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
              />
            </div>
          </div>
          <!-- 参与过项目的中标单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_12" placeholder="请输入项目单位" />
              <el-input v-model="input1_12" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_12"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(12)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData3"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_12"
                v-model:page-size="pageSize_12"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_12"
                @size-change="handleSizeChange_12"
                @current-change="handleCurrentChange_12"
              />
            </div>
          </div>
          <!-- 参与过项目的候选单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_13" placeholder="请输入项目单位" />
              <el-input v-model="input1_13" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_13"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(13)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData4"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_13"
                v-model:page-size="pageSize_13"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_13"
                @size-change="handleSizeChange_13"
                @current-change="handleCurrentChange_13"
              />
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="代理单位" name="2">
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的中标单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的候选单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的代理机构 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的代理机构
            </div>
            <div class="screen">
              <el-input v-model="input" placeholder="请输入项目单位" />
              <el-input v-model="input1" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value1"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(11)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage"
                v-model:page-size="pageSize"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
              />
            </div>
          </div>
          <!-- 参与过项目的中标单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_12" placeholder="请输入项目单位" />
              <el-input v-model="input1_12" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_12"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(12)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData3"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_12"
                v-model:page-size="pageSize_12"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_12"
                @size-change="handleSizeChange_12"
                @current-change="handleCurrentChange_12"
              />
            </div>
          </div>
          <!-- 参与过项目的候选单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_13" placeholder="请输入项目单位" />
              <el-input v-model="input1_13" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_13"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(13)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData4"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_13"
                v-model:page-size="pageSize_13"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_13"
                @size-change="handleSizeChange_13"
                @current-change="handleCurrentChange_13"
              />
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="中标单位" name="3">
          <!-- 参与过项目的代理机构 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的中标单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的候选单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的代理机构 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的代理机构
            </div>
            <div class="screen">
              <el-input v-model="input" placeholder="请输入项目单位" />
              <el-input v-model="input1" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value1"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(11)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage"
                v-model:page-size="pageSize"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
              />
            </div>
          </div>
          <!-- 参与过项目的中标单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_12" placeholder="请输入项目单位" />
              <el-input v-model="input1_12" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_12"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(12)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData3"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_12"
                v-model:page-size="pageSize_12"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_12"
                @size-change="handleSizeChange_12"
                @current-change="handleCurrentChange_12"
              />
            </div>
          </div>
          <!-- 参与过项目的候选单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_13" placeholder="请输入项目单位" />
              <el-input v-model="input1_13" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_13"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(13)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData4"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_13"
                v-model:page-size="pageSize_13"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_13"
                @size-change="handleSizeChange_13"
                @current-change="handleCurrentChange_13"
              />
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="候选单位" name="4">
          <!-- 参与过项目的代理机构 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的中标单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的候选单位 -->
          <!-- <div class="xm">
                        <div class="heng"></div>
                        <div class="xm-1">
                            <div class="shu"></div>参与过项目的代理机构
                        </div>
                        <div class="screen">
                            <el-input v-model="input" placeholder="请输入项目单位" />
                            <el-input v-model="input1" placeholder="请输入合作项目" />
                            <div class="data_time">
                                <el-date-picker v-model="value1" type="daterange" range-separator="至"
                                    start-placeholder="开始日期" end-placeholder="结束日期" :size="size" />
                            </div>
                            <el-button class="cx" type="primary" :icon="Search">搜索</el-button>
                        </div>
                        <div style="margin-top: 15px;">
                            <el-table :data="tableData" style="width: 100%"
                                :header-cell-style="{ background: '#E6E9FF', color: '#333333', 'text-align': 'center' }"
                                :cell-style="{ 'text-align': 'center' }">
                                <el-table-column prop="date" label="代理单位" />
                                <el-table-column prop="name" label="代理次数" />
                                <el-table-column prop="address" label="项目标题" />
                                <el-table-column prop="address1" label="代理日期" />
                            </el-table>

                        </div>
                        <div class="pagination">
                            <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
                                :page-sizes="[6,]" :small="small" layout="total, sizes, prev, pager, next, jumper"
                                :total="count" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
                        </div>
                    </div> -->
          <!-- 参与过项目的代理机构 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的代理机构
            </div>
            <div class="screen">
              <el-input v-model="input" placeholder="请输入项目单位" />
              <el-input v-model="input1" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value1"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(11)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage"
                v-model:page-size="pageSize"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
              />
            </div>
          </div>
          <!-- 参与过项目的中标单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_12" placeholder="请输入项目单位" />
              <el-input v-model="input1_12" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_12"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(12)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData3"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_12"
                v-model:page-size="pageSize_12"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_12"
                @size-change="handleSizeChange_12"
                @current-change="handleCurrentChange_12"
              />
            </div>
          </div>
          <!-- 参与过项目的候选单位 -->
          <div class="xm">
            <div class="heng"></div>
            <div class="xm-1">
              <div class="shu"></div>
              参与过项目的中标单位
            </div>
            <div class="screen">
              <el-input v-model="input_13" placeholder="请输入项目单位" />
              <el-input v-model="input1_13" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value_13"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button
                @click="ss(13)"
                class="cx"
                type="primary"
                :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData4"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="key" label="代理单位" />
                <el-table-column prop="doc_count" label="代理次数">
                  <template #default="scope">
                    <el-button
                      link
                      type="primary"
                      size="small"
                      @click.prevent="deleteRow(scope.row)"
                    >
                      {{ scope.row.doc_count }}
                    </el-button>
                  </template>
                </el-table-column>
                <el-table-column prop="title" label="项目标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuan(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="代理日期">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage_13"
                v-model:page-size="pageSize_13"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count_13"
                @size-change="handleSizeChange_13"
                @current-change="handleCurrentChange_13"
              />
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
      <el-dialog
        v-model="dialogVisible"
        title=""
        width="1000"
        :before-close="handleClose"
        show-cancel="false"
      >
        <div class="tk">
          <div class="qx" @click="qx_btn()">
            <img src="../../../../../assets/img/组 4909@2x.png" alt="" />
          </div>
          <!-- <div class="xm-2">
                    <div class="shu"></div>
                    <div>参与过项目的代理机构</div>
                </div> -->
          <div class="xm">
            <!-- <div class="heng"></div> -->
            <div class="xm-1" style="margin-top: 0">
              <div class="shu"></div>
              招标详情
            </div>
            <div class="screen">
              <el-input v-model="input_2" placeholder="请输入项目单位" />
              <el-input v-model="input1_2" placeholder="请输入合作项目" />
              <div class="data_time">
                <el-date-picker
                  v-model="value2"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  :size="size"
                />
              </div>
              <el-button @click="ss1()" class="cx" type="primary" :icon="Search"
                >搜索</el-button
              >
            </div>
            <div style="margin-top: 15px">
              <el-table
                :show-overflow-tooltip="true"
                :data="tableData2"
                style="width: 100%"
                :header-cell-style="{
                  background: '#E6E9FF',
                  color: '#333333',
                  'text-align': 'center',
                }"
                :cell-style="{ 'text-align': 'center' }"
              >
                <el-table-column prop="title" label="标题">
                  <template #default="scope">
                    <div class="onCard" @click="tiaozhuanxq(scope.row)">
                      {{ scope.row.title }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column prop="infoid" label="项目类型">
                  <template #default="scope">
                    {{ infoid(scope.row.infoid) }}
                  </template>
                </el-table-column>
                <el-table-column prop="provinceid" label="地区">
                  <template #default="scope">
                    {{ city(scope.row.provinceid) }}
                  </template>
                </el-table-column>
                <el-table-column prop="release_time" label="发布时间">
                  <template #default="scope">
                    {{ timestamp(scope.row.release_time) }}
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="pagination">
              <el-pagination
                v-model:current-page="currentPage1"
                v-model:page-size="pageSize1"
                :page-sizes="[6]"
                :small="small"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count1"
                @size-change="handleSizeChange1"
                @current-change="handleCurrentChange1"
              />
            </div>
          </div>
        </div>
      </el-dialog>
    </div>
  </div>
</template>

<script setup>
import domData from "@/utils/json/dom.json";
import "@/assets/com/com.scss";
import { reactive, ref, onMounted } from "vue";
import { showFirstName } from "@/utils/index";
import { Atlas, Atlas1 } from "../../../../../api/Relationship/index.js";
// import { Atlas, Atlas1 } from "../../../../../Api/R";
// import Pagination from '@/components/pagination/index.vue'
import { Delete, Edit, Search, Share, Upload } from "@element-plus/icons-vue";
import { getCaricatureApi } from "@/Api/shoop/index.js";
import "sf-relation/sf-relation.min.css";
import SeeksRelationGraph from "sf-relation";
import { timestamp } from "@/utils/index";
import { useRouter } from "vue-router";

// infoid转码
// const ggao = ref();
const information = ref([]);
getCaricatureApi().then((res) => {
  information.value = res.data.data;
  //   res.data.data.forEach((item, index) => {
  //     if (item.infoid == event) {
  //        a = item.infoname;
  //     }
  //   });
});
const infoid = (event) => {
  var a = null;
  information.value.forEach((item, index) => {
    if (item.infoid == event) {
      a = item.infoname;
    }
  });
  return a;
};
//跳转详情
const tiaozhuanxq = (event) => {
  console.log(event.nid);
  const href = router.resolve({
    path: `/searchInfo/${event.nid}`,
  });
  window.open(href.href, "_blank");
};
//城市转码
const city = (event) => {
  var a = null;
  domData.forEach((element) => {
    if (element.adcode == event) {
      a = element.label;
    }
  });
  return a;
};
const router = useRouter();
const gsname = router.currentRoute.value.query.name;
//次数点击
const gsmx = ref();
const deleteRow = (event) => {
  gsmx.value = event.key;
  dialogVisible.value = true;
  postInstitution1();
};
//弹框
const dialogVisible = ref(false);
const handleClose = () => {};
const qx_btn = () => {
  dialogVisible.value = false;
  //   active.value = 10
};
//分页
const pageSize = ref(6);
const small = ref(false);
const currentPage = ref();
const count = ref(0);
const pageSize1 = ref(6);
const currentPage1 = ref();
const count1 = ref(0);
const pageSize_12 = ref(6);
const currentPage_12 = ref();
const count_12 = ref(0);
const pageSize_13 = ref(6);
const currentPage_13 = ref();
const count_13 = ref(0);
const handleSizeChange = (val) => {
  pageSize.value = val;
};
const handleCurrentChange = (val) => {
  currentPage.value = val;
  postInstitution();
};
//弹框分页
const handleSizeChange1 = (val) => {
  pageSize1.value = val;
};
const handleCurrentChange1 = (val) => {
  currentPage1.value = val;
  postInstitution1();
};

const handleSizeChange_12 = (val) => {
  pageSize_12.value = val;
};
const handleCurrentChange_12 = (val) => {
  currentPage_12.value = val;
  postInstitution3();
};
const handleSizeChange_13 = (val) => {
  pageSize_13.value = val;
};
const handleCurrentChange_13 = (val) => {
  currentPage_13.value = val;
  postInstitution4();
};
const activeName = ref("1");
const input = ref();
const input1 = ref();
const value1 = ref();
const input_2 = ref();
const input1_2 = ref();
const value2 = ref();
const input_12 = ref();
const input1_12 = ref();
const value_12 = ref();
const input_13 = ref();
const input1_13 = ref();
const value_13 = ref();

const tableData = ref([]);
const tableData2 = ref([]);
const tableData3 = ref([]);
const tableData4 = ref([]);
const tableData5 = ref([]);
const tableData6 = ref([]);
// const
//转换时间戳
const getTimeStamp = (dateString) => {
  return new Date(dateString).getTime();
};
// console.log(value1.value);
//搜索按钮
const ss = (event) => {
  if (event == 11) {
    postInstitution();
  } else if (event == 12) {
    postInstitution3();
  }
};
//弹框搜索
const ss1 = () => {
  postInstitution1();
};
//参与过项目的代理机构
const postInstitution = () => {
  var statime = "";
  var endTime = "";
  if (value1.value == undefined) {
    statime = "";
    endTime = "";
  } else {
    statime = getTimeStamp(value1.value[0]) / 1000;
    endTime = getTimeStamp(value1.value[1]) / 1000;
  }
  const form = ref({
    company_name: gsname,
    xmdn: input.value,
    hzxm: input1.value,
    statime: statime,
    endTime: endTime,
    currentPage: currentPage.value,
    pageSize: 6,
    type: activeName.value,
    on_type: 2,
  });

  Atlas(form.value).then((res) => {
    count.value = res.data.data.count;
    tableData.value = [];
    res.data.data.list.forEach((element) => {
      tableData.value.push({
        key: element.key,
        doc_count: element.doc_count,
        title: element.top_score_hits.hits.hits[0]._source.title,
        release_time: element.top_score_hits.hits.hits[0]._source.release_time,
        nid: element.top_score_hits.hits.hits[0]._source.nid,
      });
    });
    // console.log(tableData);
  });
};
//参与过项目的中标单位
const postInstitution3 = () => {
  var statime = "";
  var endTime = "";
  if (value1.value == undefined) {
    statime = "";
    endTime = "";
  } else {
    statime = getTimeStamp(value_12.value[0]) / 1000;
    endTime = getTimeStamp(value_12.value[1]) / 1000;
  }
  const form = ref({
    company_name: gsname,
    xmdn: input_12.value,
    hzxm: input1_12.value,
    statime: statime,
    endTime: endTime,
    currentPage: currentPage_12.value,
    pageSize: 6,
    type: activeName.value,
    on_type: 3,
  });

  Atlas(form.value).then((res) => {
    count_12.value = res.data.data.count;
    tableData3.value = [];
    res.data.data.list.forEach((element) => {
      tableData3.value.push({
        key: element.key,
        doc_count: element.doc_count,
        title: element.top_score_hits.hits.hits[0]._source.title,
        release_time: element.top_score_hits.hits.hits[0]._source.release_time,
        nid: element.top_score_hits.hits.hits[0]._source.nid,
      });
    });
    // console.log(tableData);
  });
};
//参与过项目的候选单位
const postInstitution4 = () => {
  var statime = "";
  var endTime = "";
  if (value1.value == undefined) {
    statime = "";
    endTime = "";
  } else {
    statime = getTimeStamp(value_13.value[0]) / 1000;
    endTime = getTimeStamp(value_13.value[1]) / 1000;
  }
  const form = ref({
    company_name: gsname,
    xmdn: input_13.value,
    hzxm: input1_13.value,
    statime: statime,
    endTime: endTime,
    currentPage: currentPage_13.value,
    pageSize: 6,
    type: activeName.value,
    on_type: 4,
  });

  Atlas(form.value).then((res) => {
    count_13.value = res.data.data.count;
    tableData4.value = [];
    res.data.data.list.forEach((element) => {
      tableData4.value.push({
        key: element.key,
        doc_count: element.doc_count,
        title: element.top_score_hits.hits.hits[0]._source.title,
        release_time: element.top_score_hits.hits.hits[0]._source.release_time,
        nid: element.top_score_hits.hits.hits[0]._source.nid,
      });
    });
    // console.log(tableData);
  });
};
// 弹框表格接口
const postInstitution1 = () => {
  var statime = "";
  var endTime = "";
  if (value2.value == undefined) {
    statime = "";
    endTime = "";
  } else {
    statime = getTimeStamp(value2.value[0]) / 1000;
    endTime = getTimeStamp(value2.value[1]) / 1000;
  }
  const form = ref({
    xm_company_name: gsmx.value,
    company_name: gsname,
    xmdn: input_2.value,
    hzxm: input1_2.value,
    statime: statime,
    endTime: endTime,
    currentPage: currentPage1.value,
    pageSize: 6,
    type: activeName.value,
    on_type: 2,
  });

  Atlas1(form.value).then((res) => {
    count1.value = res.data.data.count;
    tableData2.value = res.data.data.list;
    // console.log(tableData);
  });
};

postInstitution();
postInstitution3();
postInstitution4();
</script>

<style lang="scss" scoped>
.box {
  padding: 0;
  margin: 0;
}

.xm-1 {
  margin-top: 30px;
  display: flex;
}

.shu {
  width: 4px;
  height: 16px;
  background: #f43107;
  border-radius: 10px;
  margin-top: 2px;
  margin-right: 10px;
}

.screen {
  display: flex;
}

.el-input {
  width: 220px;
  height: 36px;
  margin-top: 20px;
  margin-right: 10px;
}

.cx {
  width: 90px;
  height: 36px;
  background: #f43107;
  border-radius: 4px;
  margin-top: 20px;
  margin-left: 20px;
  border: 0;
}

.pagination {
  margin-top: 20px;
  margin-bottom: 30px;
}

.heng {
  width: 1200px;
  height: 1px;
  background: #dddddd;
  border-radius: 0px;
}

.tk {
  width: 100%;

  //   display:flex;
  padding: 30px;
  position: relative;
}

.qx {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;

  //   float:right ;
  img {
    width: 100%;
    height: 100%;
  }
}

.xm-2 {
  display: flex;
}

.onCard {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:deep() {
  .el-tabs__header {
    padding: 0;
    margin: 0;
  }

  // .el-tabs{
  //     height: 56px;
  // }
  .data_time {
    width: 337px !important;
    height: 36px;
    margin-top: 20px;

    .el-date-editor {
      height: 100%;
    }
  }

  .el-tabs__nav-wrap::after {
    position: static !important;
  }

  .el-tabs__item {
    height: 56px;
    font-size: 16px;
  }

  .el-tabs__item:hover {
    color: #f43107;
  }

  .is-active {
    color: #f43107;
  }

  .el-tabs__active-bar {
    background-color: #f43107;
  }

  .el-dialog__header {
    display: none;
  }
}
</style>
